<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <style>
        table{
            background-image: url("img/bg1.png");
            /*居中*/
            margin: auto;
            width: 300px;
            height: 180px;
            /*边框*/
            border: solid 1px gray;
        }
        #u{
            background-image: url("img/head.png");
            background-size: 25px;
            background-repeat: no-repeat;
            padding-left: 30px;
            height: 25px;
        }
        #m{
            background-image: url("img/keyboard.png");
            /*不平铺*/
            background-repeat: no-repeat;
            padding-left: 30px;
            height: 25px;
        }
    </style>
</head>
<body>
   <form>
       <table>
            <thead></thead>
           <tbody>
            <tr>
                <th colspan="2" align="center">用户登录</th>
            </tr>

           <tr>
               <td>用户名:</td>
               <td>
                   <input type="text"  id="u">
               </td>
           </tr>
            <tr>
                <td>密码:</td>
                <td>
                    <input type="password" id="m">
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <input type="image" src="img/regbtn.jpg">
                </td>
            </tr>
           </tbody>
           <tfoot></tfoot>
       </table>
   </form>
</body>
</html>